<template>
	<div>
		<!-- 组件引入 -->
		<cart-header></cart-header>
  <div class="grzx">
	<div class="w1200">
		<div class="grzx-gn">
			<div class="left">
				<div class="left-top">
					<h1 style="line-height: 39px;font-size: 15px;">个人中心</h1>
				</div>
				<div class="nav">
					<div class="nav-items">
						<div>
							<span></span>
							<router-link to="/grzx">个人中心</router-link>             
					</div>
					</div>
					<div class="nav-items"><div>
					<span style="	background-position:0 -26px;"></span>
					<router-link to="/wddd">我的订单</router-link>
						</div>
						<ul>
							<li><router-link to="/wddd">我的订单</router-link></li>
							<li><router-link to="/shdz">我的订单</router-link></li>
						</ul>
					</div>
					<div class="nav-items">
						<div>
							<span style="	background-position:0 -50px;"></span>
							<router-link to="/cart1">购物车</router-link>
					</div>
					</div>
					<div class="nav-items">
						<div>
							<span style="	background-position:0 -75px;"></span>
						<a href="#">期刊中心</a></div>
						<ul>
							<li><router-link to="/qksc">期刊收藏</router-link></li>
							<li><router-link to="/qksc">商品收藏</router-link></li>
							<li><a href="">期刊评论</a></li>
							<li><a href="">商品评论</a></li>
						</ul>
					</div>
					<hr style="margin-top: 8px;">
					<div class="nav-items">
						<div>
							<span style="	background-position:0 -156px;"></span>
						<a href="#">客户服务</a>
						</div>
						<ul>
							<li><a href="">期刊咨询</a></li>
							<li><a href="">订阅咨询</a></li>
							<li><a href="">投诉留言</a></li>
						</ul>
					</div>
					<div class="nav-items">
						<div>
							<span style="	background-position:0 -182px;"></span>
						<a href="#">账户设置</a>
						</div>
						<ul>
							<li><router-link to="/jbsz">基本设置</router-link></li>
							<li><a href="">头像设置</a></li>
							<li><router-link to="/ghmm">更换密码</router-link></li>
						</ul>
					</div>
					<div class="nav-items">
						<div>
							<span style="	background-position:0 -204px;"></span>
						<a href="#">退出登录</a>
						</div>
					</div>
				</div>
			</div>
			<!-- **********基本信息*********** -->
			<div class="grzx">
	<div class="w1200">
		<div class="grzx-gn">

			<!-- **********右侧功能块*********** -->
			<div class="right">
				<!-- 个人中心头像上传 -->
				<div class="item1">
						<div class="left">
							<div class="tx">
							</div>
							<div class="yh">
								<p>用户名:偶尔也会想起她</p>
								<p>手机号:15034425855
								</p>
								<p>真实姓名:冯义微</p>
							</div>
						</div>
						<div class="right">
							<div class="right-item">
								<div class="item-bg" style="background-image: url(./img/dfk.png);"></div>
								<a href="#">待付款</a>
							</div>
							<div class="right-item">
								<div class="item-bg" style="background-image: url(./img/jrps.png);"></div>
								<a href="#" >待收货</a>
							</div>
							<div class="right-item">
								<div class="item-bg" style="background-image: url(./img/dpj.png);"></div>
								<a href="#">已完成</a>
							</div>
						</div>
					</div>
				<!-- 发货时间 -->
					<hr>
				<div class="item2">
					<h3>发货时间&nbsp;</nbsp><span>发货之前我们会短信通知，部分杂志的订阅时间以客服通知为准</span></h3>
					<div class="item2-fh">
					<div class="item2-wz">
						<h4>每月15日前</h4>
						<p>每月15日前（包含15日）付款成功，可以下月发货。</p>
					</div>
					<div class="item2-wz">
						<h4>每月15日后</h4>
						<p>
							每月15日后，下下个月发货。
						</p>
					</div>
					<div class="item2-wz">
						<h4>提前两个月</h4>
						<p>
							因部分杂志出刊上市时间较早，应杂志社要求，需要隔月预定，提前两个月预定，请关注商品杂志月份。
						</p>
					</div>
					<div class="item2-wz">
						<h4>
							特殊需求
						</h4>
						<p>如有特殊要求请联系客服咨询。全年都是订阅季，可下单订阅。</p>
					</div>
					</div>
				</div>
				<div class="item3">
					<h3>快递说明</h3>
					<div class="item3-kdsm">
						<div class="box">
							<div class="box-circle"></div>
							<div class="wz">
								<h3>月刊&nbsp;双月刊&nbsp;季刊</h3>
								<p>会在上刊后立即发货</p>
							</div>
						</div>
						<div class="box">
							<div class="box-circle" style="background-position: -87px 0;"></div>
							<div class="wz">
								<h3>半月刊</h3>
								<p>每月两本, ( 除特殊月份合刊）每月两本到齐一起快递发货。</p>
							</div>
						</div>
						<div class="box">
							<div class="box-circle" style="background-position: -170px 0;"></div>
							<div class="wz">
								<h3>周刊&nbsp;旬刊</h3>
								<p>每月发一次</p>
							</div>
						</div>
					</div>
				</div>
				</div>
			</div>
		</div>
	</div>
		</div>
	</div>
</div>
<cart-footer></cart-footer>
</div>
</template>

<script>
  export default {
    
  }
</script>

<style lang="scss" scoped>
@import url(../../public/css/cart_03.css);
@import url(../../public/css/grzx.css);
@import url(../../public/css/framework.css);
</style>